﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta property="qc:admins" content="277436006461116741637571645060454">
    <meta property="wb:webmaster" content="e27d16017de62029">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta property="whoisme" content="iyingdi1">
    <title>好友动态-个人中心-旅法师营地</title>
    <link rel="shortcut icon" href="https://static.iyingdi.cn/yingdiWeb/images/Group.png" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="https://static.iyingdi.cn/yingdiWeb/css/jq/jquery.Jcrop.min.css">
    <link rel="stylesheet" type="text/css" href="https://static.iyingdi.cn/yingdiWeb/css/jq/datetimepicker/jquery.datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="https://static.iyingdi.cn/yingdiWeb/css/jq/emoji/emoji.css">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/jq/editor/wangEditor.min.css?v=20171011">

    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/web.css?v=20180504">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/web.error.css">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/utility/web.utility.css?v=20171215">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/utility/web.utility.article.css?v=20180510">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/user/web.user.css?v=20180202">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/home/web.home.css?v=20180411">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/article/web.article.css?v=20180503">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/search/web.search.css?v=20171120">
    <link rel="stylesheet" type="text/css" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/content/web.editor.css?v=20180424">
    <link rel="stylesheet" type="text/css" href="https://static.iyingdi.cn/yingdiWeb/css/jq/animate/animate.min.css">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://f1.webshare.mob.com/code/mob-share.css">
    <link type="text/css" rel="stylesheet" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/chitchat/web.chitchat.css?timestamp=1527649008537">
    <link type="text/css" rel="stylesheet" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/personal/web.personal.css?v=1527649012336">
    <link type="text/css" rel="stylesheet" href="https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/css/personal/web.personal.own.css?v=1527649012497">
</head>

<body>
    <div class="web-frame">   
    <!-- use头部公共导航-->       
        <div class="web-content">
            <div class="personal-userCenter">
                <div class="personal-userCenter-tabLeftFrame">
                    <div class="personal-userCenter-columns">
                        <div class="container v-nav" style="font-size:17px;">
                            <div id="v-link">
                                <ul id="myTab" class="nav nav-pills nav-stacked nav-tabs" style="width:15%;">
                                    <li class="active">
                                        <a href="#tag1" data-toggle="tab">资料修改</a>
                                    </li>
                                    </br>
                                    <li class="b_link">
                                        <a href="#tag2" data-toggle="tab">好友动态</a>
                                    </li>
                                    </br>
                                    <li class="b_link">
                                        <a href="#tag3" data-toggle="tab">收藏夹</a>
                                    </li>
                                    </br>
                                    <li class="b_link">
                                        <a href="#tag4" data-toggle="tab">我的圈币</a>
                                    </li>
                                    </br>
                                    <li class="b_link">
                                        <a href="#tag5" data-toggle="tab">我的经验</a>
                                    </li>
                                    </br>
                                    <li class="b_link">
                                        <a href="#tag6" data-toggle="tab">圈子商城</a>
                                    </li>
                                    </br>
                                 </ul>
                            </div>
                        </div>
                    </div>
                </div>
        
                <div id="myTabContent" class="personal-userCenter-contentRightFrame tab-content">
                    <!--个人资料-->
                        <div id="tag1" class="personal-infoConfig-contentBox tab-pane fade in active">
                                <div class="personal-infoConfig-Item">
                                    <div class="config-headImg">
                                        <div class="personal-config-itemTitle">用户信息</div>
                                        <div class="headImgArea" id="config_headImg">
                                            <img src="http://static.iyingdi.cn/user/2016/01/23/efe7abad-8092-43ef-91f6-a9c7463a8d91.jpg">
                                            <div class="shade">上传头像</div>
                                        </div>
                                        <div class="personal-config-itemTip">
                                            <span>我的简介</span>
                                            <span id="edit_description" class="pull-right operate-btn">编辑</span>
                                        </div>
                                        <div id="show_description" class="show-description">炉石传说萌新，但已于8月成传说</div>
                                    </div>
                                </div>
                                <div class="personal-infoConfig-Item">
                                    <div class="config-game-account">
                                        <div class="personal-config-itemTitle">
                                            <span>账号管理(添加您的账号,如炉石传说ID、微博名等)</span>
                                            <span id="add_game_account" class="pull-right operate-btn">添加</span>
                                        </div>
                                        <ul class="game-account-bind">
                                            <li draggable="true" data-id="1097" data-sequence="-9999">
                                                <img src="http://static.iyingdi.cn/useraccount/icon/lushi.png">
                                                <span class="game-name">炉石传说</span>
                                                <span class="game-account">账号ID：444085673@qq.com</span>
                                                <span class="delete-account">删除</span>
                                            </li>
                                            <li draggable="true" data-id="1098" data-sequence="-9998">
                                                <img src="http://static.iyingdi.cn/useraccount/icon/zhihu.png">
                                                <span class="game-name">知乎</span>
                                                <span class="game-account">账号ID：15733169579</span>
                                                <span class="delete-account">删除</span>
                                            </li>
                                            <li draggable="true" data-id="1099" data-sequence="-9997">
                                                <img src="http://static.iyingdi.cn/useraccount/icon/steam.png">
                                                <span class="game-name">steam</span>
                                                <span class="game-account">账号ID：15733169579</span>
                                                <span class="delete-account">删除</span>
                                            </li>
                                        </ul>
                                        <div class="how-to-sort" style="margin-top:20px;color:#9B9B9B;font-size:12px;text-align:center;">可通过鼠标拖拽排序</div>
                                    </div>
                                </div>
                                <div class="personal-infoConfig-Item">
                                    <div class="personal-config-itemTitle">绑定管理</div>
                                    <div class="show-bind-item" id="show_phone">
                                        <span class="show-item-title">绑定手机</span>
                                        <span class="show-item-value">15733169579</span>
                                        <span id="bind_phone" class="pull-right operate-btn">修改</span>
                                    </div>
                                    <div class="show-bind-item" id="show_email">
                                        <span class="show-item-title">绑定邮箱</span>
                                        <span class="show-item-value">未绑定邮箱</span>
                                        <span id="bind_email" class="pull-right operate-btn">马上绑定</span>
                                    </div>
                                </div>
                                <div class="personal-infoConfig-Item">
                                    <div class="config-password">
                                        <div class="personal-config-itemTitle">
                                            <span>密码管理</span>
                                            <span id="modify_password" class="pull-right operate-btn">修改</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
        
        
                    <!-- 动态 -->
                    <div id="tag2" class="personal-friendTrack-contentBox tab-pane fade">
                        <div class="header">
                            <span>关注人动态</span>
                        </div>
                        <div class="content">
                            <ul id="friend_track_list" class="friend-track-list utility-loadingRemind">
                                <li class="dynamic-item" data-type="article" data-id="3695457">
                                    <div class="item-head">
                                        <a target="_blank" href="/web/personal/home?id=15923">
                                            <div class="userHeadImg" style="background-image:url(http://static.iyingdi.cn/achievement/badge/frame/admin.png)">
                                                <img src="http://static.iyingdi.cn/user/2016/08/25/c5334511-f7d4-417c-a1e4-7c1a1730c721.png">
                                            </div>
                                        </a>
                                        <div class="item-head-info">
                                            <div>
                                                <a target="_blank" href="/web/personal/home?id=15923">
                                                    <span class="username" style="color:#FF8C19">旅法师营地</span>
                                                </a>
                                                <span class="dynamic-type">发表了文章</span>
                                            </div>
                                            <div class="item-head-foot">
                                                <span>5月29日 13:00</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item-content">
                                        <div class="item-articleComment-content">
                                            <a target="_blank" href="/web/article/search/57313">
                                                <div class="item-article-cover">
                                                    <img src="http://wspic.iyingdi.cn/common/2018/05/29/3441fe13-f032-409e-b054-3a116052397b.jpg">
                                                    <span class="seedTitle">昆特牌</span>
                                                </div>
                                            </a>
                                            <div class="right-part">
                                                <a target="_blank" href="/web/article/search/57313">
                                                    <div class="title">【营地知识王】昆特牌专场0529</div>
                                                </a>
                                                <div class="description">【营地知识王】是为了活跃营地社区氛围而举办的问答闯关活动，将在专场游戏频道发布当天活动（请及时刷新），本期是昆特牌专场，欢迎大家挑战。本期活动时间为600分钟（13点00分-23点…</div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="dynamic-item" data-type="articleComment" data-id="21731047">
                                    <div class="item-head">
                                        <a target="_blank" href="/web/personal/home?id=15923">
                                            <div class="userHeadImg" style="background-image:url(http://static.iyingdi.cn/achievement/badge/frame/admin.png)">
                                                <img src="http://static.iyingdi.cn/user/2016/08/25/c5334511-f7d4-417c-a1e4-7c1a1730c721.png">
                                            </div>
                                        </a>
                                        <div class="item-head-info">
                                            <div>
                                                <a target="_blank" href="/web/personal/home?id=15923">
                                                    <span class="username" style="color:#FF8C19">旅法师营地</span>
                                                </a>
                                                <span class="dynamic-type">发表了评论</span>
                                            </div>
                                            <div class="item-head-foot">
                                                <span>5月28日 18:08</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item-content">
                                        <div class="item-articleComment-content">
                                            <div class="item-articleComment-txt">游戏不错，就是有点短</div>
                                            <div class="item-articleComment-articleInfo">
                                                <div class="item-articleTitle">
                                                    <a target="_blank" href="/web/article/search/57282">文章：《兵者》——楚河汉界，一朝小兵一朝将</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
            
                    <!-- 收藏 -->
                    <div id="tag3" class="personal-favorites-contentBox tab-pane fade">
                        <div class="personal-favorites-header">
                            <span class="nav-tab active" id="checkArticleCollection" data-type="article">文章收藏</span>
                
                        </div>
                        <div class="personal-favorites-content">
                            <ul id="personal-favorites-list-articleCollect">
                                <li class="article-collection-item" data-collectid="4441785" data-feedid="127864" data-sourceid="50019">
                                    <a target="_blank" href="/web/article/search/50019">
                                        <div class="article-collection-item-articleIcon">
                                            <img src="http://wspic.iyingdi.cn/common/2017/12/09/c267595a-f421-4b6b-a43a-c6ec4397cf90.png?x-oss-process=image/resize,w_280,h_160,m_fill,limit_0/format,jpg/quality,Q_80">
                                            <span class="seedTitle">永恒卡牌游戏</span>
                                        </div>
                                    </a>
                                    <div class="article-collection-item-articleInfo">
                                        <a target="_blank" href="/web/article/search/50019">
                                            <div class="article-collection-item-articleTitle">【ECG】中文独家新牌预览：嘘</div>
                                        </a>
                                        <div class="article-collection-item-articleDescription">一次投资，全家白板。</div>
                                        <div class="article-collection-item-articleInfoFooter">
                                            <span class="feedTime">2017.12.09 10:30</span>
                                            <span class="feedAuthor">旅法师营地王益</span>
                                            <span class="collectTime pull-right">收藏于：2017.12.12</span>
                                        </div>
                                    </div>
                                    <button class="deleteArticleCollect">删除</button>
                                </li>
        
                            </ul>
                        </div>
                        <div class="personal-detail-pagination articleType">
                            <ul>
                                <li class="page_first" data-page="1">
                                    <a>首页</a>
                                </li>
                                <li class="page_data active_page" data-page="1">
                                    <a>1</a>
                                </li>
                                <li class="page_data" data-page="2">
                                    <a>2</a>
                                </li>
                                <li class="page_data" data-page="3">
                                    <a>3</a>
                                </li>
                                <li class="page_down" data-page="2">
                                    <a>下一页</a>
                                </li>
                                <li class="page_end" data-page="3">
                                    <a>尾页</a>
                                </li>
                            </ul>
                        </div>
                        <div class="personal-detail-pagination forumType hidden">
                            <ul></ul>
                        </div>
                    </div>
            
                    <!-- 圈币 -->
                    <div id="tag4" class="personal-myFire-contentBox tab-pane fade">
                        <div class="content-item">
                            <div class="item-title">我的总营火</div>
                            <div class="fires-show">
                                <span class="fires-num">918</span>
                                <i></i>
                            </div>
                        </div>
                        <div class="content-item">
                            <div class="item-title">
                                <span>历史明细</span>
                                <div class="screen-type pull-right" id="screen_type">
                                    <span>筛选</span>
                                    <ul>
                                        <li class="active" data-type="all">全部明细</li>
                                        <li data-type="vote">营火互动</li>
                                        <li data-type="mall">商城消费</li>
                                        <li data-type="task">任务奖励</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="item-list">
                                <ul id="history_list" class="history-list utility-loadingRemind">
                                    <li class="fire-history-item">
                                        <div class="fire-used-for">收益-每日任务</div>
                                        <div class="time">2018.05.30 08:48</div>
                                        <div class="fires-num-detail">
                                            <span class="fire-num">+1</span>
                                            <i></i>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div> 
        
                    <!-- 我的经验-->
                    <div id="tag5" class="personal-taskAndIntegral-contentBox tab-pane fade">
                        <div class="personal-taskAndIntegral-content">
                            <div id="user_grade_info" class="personal-tasks-item">
                                <div class="personal-tasks-itemTitle">我的等级</div>
                                <div class="personal-tasks-itemLevelContent">
                                    <div class="personal-tasks-itemLevelContentLeft">
                                        <p class="credits-now">5805</p>
                                        <p>我的积分</p>
                                    </div>
                                    <div class="personal-tasks-itemLevelContentMiddle">
                                        <div class="circle">
                                            <div class="bar bar-left">
                                                <div class="bar-left-an"></div>
                                            </div>
                                            <div class="bar bar-right">
                                                <div class="bar-right-an" style="transform: rotate(-45deg); transition: transform 1s linear;"></div>
                                            </div>
                                            <div class="tx">
                                                <p>25</p>
                                                <p>我的等级</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="personal-tasks-itemLevelContentRight">
                                        <p class="credits-next">360</p>
                                        <p>升级还需积分</p>
                                    </div>
                                </div>
                            </div>
                            <div id="user_task_item" class="personal-tasks-item">
                                <div class="personal-tasks-itemTitle">每日任务</div>
                                <ul class="day-tasks-list">
                                    <li class="day-task-item reach">
                                        <div class="circle-area"></div>
                                        <span class="task-title">每日签到</span>
                                        <span class="completed-degree">(1/1)</span>
                                        <span class="add-experience">
                                            <span>+5</span>
                                            <span>EXP</span>
                                        </span>
                                        <span class="add-fire">
                                            <span>+2</span>
                                            <i></i>
                                        </span>
                                    </li>
                                    <li class="day-task-item reach">
                                        <div class="circle-area"></div>
                                        <span class="task-title">阅读文章</span>
                                        <span class="completed-degree">(1/1)</span>
                                        <span class="add-experience">
                                            <span>+2</span>
                                            <span>EXP</span>
                                        </span>
                                        <span class="add-fire">
                                            <span>+1</span>
                                            <i></i>
                                        </span>
                                    </li>
                                    <li class="day-task-item ">
                                        <div class="circle-area"></div>
                                        <span class="task-title">评论点赞</span>
                                        <span class="completed-degree">(0/5)</span>
                                        <span class="add-experience">
                                            <span>+1</span>
                                            <span>EXP</span>
                                        </span>
                                        <span class="add-fire">
                                            <span>+0</span>
                                            <i></i>
                                        </span>
                                    </li>
                                    <li class="day-task-item ">
                                        <div class="circle-area"></div>
                                        <span class="task-title">发表评论</span>
                                        <span class="completed-degree">(0/1)</span>
                                        <span class="add-experience">
                                            <span>+1</span>
                                            <span>EXP</span>
                                        </span>
                                        <span class="add-fire">
                                            <span>+0</span>
                                            <i></i>
                                        </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
            
                    <!-- 我的商城-->
                    <div id="tag6" class="personal-favorites-contentBox tab-pane fade">
                        <div class="personal-favorites-header">
                            <span class="nav-tab active" id="checkArticleCollection" data-type="article">商城精选</span>
                        </div>
                        <ul id="personal-favorites-list-articleCollect">
                            <li class="article-collection-item" data-collectid="4441785" data-feedid="127864" data-sourceid="50019">
                                <a target="_blank" href="/web/article/search/50019">
                                    <div class="article-collection-item-articleIcon">
                                        <img src="http://wspic.iyingdi.cn/common/2017/12/09/c267595a-f421-4b6b-a43a-c6ec4397cf90.png?x-oss-process=image/resize,w_280,h_160,m_fill,limit_0/format,jpg/quality,Q_80">
                                        <span class="seedTitle">圈子商城</span>
                                    </div>
                                </a>
                                <div class="article-collection-item-articleInfo">
                                    <a target="_blank" href="#">
                                        <div class="article-collection-item-articleTitle">【特惠】圈子专属经典
                                            <span style="color:#BD1810;">中国红</span>系列标识</div>
                                    </a>
                                    <div class="article-collection-item-articleDescription">&nbsp;&nbsp;如果有红，那一定是中国红！</div>
            
                                    <div class="fires-show">
                                        </br>
                                        <span style="font-size:18px;">&nbsp;&nbsp;销量：0件</span>
            
                                        <span style="font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;惊喜价：</span>
                                        <span class="fires-num" style="font-size:20px;color:#BD1810;">66</span>
                                        <img width="20px" height="30px" src="image/fire_logo.png"></img>
                                    </div>
                                </div>
                                <a href='Buy?id=1'>
                                    <button class="deleteArticleCollect">购买</button>
                                </a>
                                <button style="margin-top:50px;" class="deleteArticleCollect" data-toggle="modal" data-target="#viewModal1">预览</button>
                            </li>
                            <li class="article-collection-item" data-collectid="4441785" data-feedid="127864" data-sourceid="50019">
                                <a target="_blank" href="/web/article/search/50019">
                                    <div class="article-collection-item-articleIcon">
                                        <img src="http://wspic.iyingdi.cn/common/2017/12/09/c267595a-f421-4b6b-a43a-c6ec4397cf90.png?x-oss-process=image/resize,w_280,h_160,m_fill,limit_0/format,jpg/quality,Q_80">
                                        <span class="seedTitle">圈子商城</span>
                                    </div>
                                </a>
                                <div class="article-collection-item-articleInfo">
                                    <a target="_blank" href="#">
                                        <div class="article-collection-item-articleTitle">【特惠】圈子专属经典
                                            <span style="color:#1E8528;">原谅色</span>系列标识</div>
                                    </a>
                                    <div class="article-collection-item-articleDescription">&nbsp;&nbsp;不如选择原谅吧！</div>
            
                                    <div class="fires-show">
                                        </br>
                                        <span style="font-size:18px;">&nbsp;&nbsp;销量：0件</span>
            
                                        <span style="font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;惊喜价：</span>
                                        <span class="fires-num" style="font-size:20px;color:#1E8528;">666</span>
                                        <img width="20px" height="30px" src="image/fire_logo.png"></img>
                                    </div>
                                </div>
                                <a href='Buy?id=2'>
                                    <button class="deleteArticleCollect">购买</button>
                                </a>
                                <button style="margin-top:50px;" class="deleteArticleCollect" data-toggle="modal" data-target="#viewModal2">预览</button>
                            </li>
                            <li class="article-collection-item" data-collectid="4441785" data-feedid="127864" data-sourceid="50019">
                                <a target="_blank" href="/web/article/search/50019">
                                    <div class="article-collection-item-articleIcon">
                                        <img src="http://wspic.iyingdi.cn/common/2017/12/09/c267595a-f421-4b6b-a43a-c6ec4397cf90.png?x-oss-process=image/resize,w_280,h_160,m_fill,limit_0/format,jpg/quality,Q_80">
                                        <span class="seedTitle">圈子商城</span>
                                    </div>
                                </a>
                                <div class="article-collection-item-articleInfo">
                                    <a target="_blank" href="#">
                                        <div class="article-collection-item-articleTitle">【特惠】圈子专属经典
                                            <span style="color:#B707F1" ;>魔幻紫</span>系列标识</div>
                                    </a>
                                    <div class="article-collection-item-articleDescription">&nbsp;&nbsp;可能是能力范围内最炫酷的了！</div>
            
                                    <div class="fires-show">
                                        </br>
                                        <span style="font-size:18px;">&nbsp;&nbsp;销量：0件</span>
            
                                        <span style="font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;惊喜价：</span>
                                        <span class="fires-num" style="font-size:20px;color:#B707F1;">888</span>
                                        <img width="20px" height="30px" src="image/fire_logo.png"></img>
                                    </div>
                                </div>
                                <a href='Buy?id=3'>
                                    <button class="deleteArticleCollect">购买</button>
                                </a>
                                <button style="margin-top:50px;" class="deleteArticleCollect" data-toggle="modal" data-target="#viewModal3">预览</button>
                            </li>
                            <li class="article-collection-item" data-collectid="4441785" data-feedid="127864" data-sourceid="50019">
                                <a target="_blank" href="/web/article/search/50019">
                                    <div class="article-collection-item-articleIcon">
                                        <img src="http://wspic.iyingdi.cn/common/2017/12/09/c267595a-f421-4b6b-a43a-c6ec4397cf90.png?x-oss-process=image/resize,w_280,h_160,m_fill,limit_0/format,jpg/quality,Q_80">
                                        <span class="seedTitle">圈子商城</span>
                                    </div>
                                </a>
                                <div class="article-collection-item-articleInfo">
                                    <a target="_blank" href="#">
                                        <div class="article-collection-item-articleTitle">【特惠】圈子专属经典
                                            <span style="color:#FF8127;">传说橙</span>系列标识</div>
                                    </a>
                                    <div class="article-collection-item-articleDescription">&nbsp;&nbsp;哇！金色传说！</div>
            
                                    <div class="fires-show">
                                        </br>
                                        <span style="font-size:18px;">&nbsp;&nbsp;销量：0件</span>
            
                                        <span style="font-size:20px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;惊喜价：</span>
                                        <span class="fires-num" style="font-size:20px;color:#FF8127;">1888</span>
                                        <img width="20px" height="30px" src="image/fire_logo.png"></img>
                                    </div>
                                </div>
                                <a href='Buy?id=4'>
                                    <button class="deleteArticleCollect">购买</button>
                                </a>
                                <button style="margin-top:50px;" class="deleteArticleCollect" data-toggle="modal" data-target="#viewModal4">预览</button>
                            </li>
                        </ul>
            
                        <div class="modal fade" id="viewModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog" style="width:910px;">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            中国红标识预览
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <img style="margin-left:40%" src="image/2view1.png">
                                        <img src="image/view1.png">
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal -->
                        </div>
            
                        <div class="modal fade" id="viewModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog" style="width:910px;">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            原谅色标识预览
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <img style="margin-left:40%" src="image/2view2.png">
                                        <img src="image/view2.png">
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal -->
                        </div>
            
                        <div class="modal fade" id="viewModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog" style="width:910px;">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            奇幻紫标识预览
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <img style="margin-left:40%" src="image/2view3.png">
                                        <img src="image/view3.png">
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal -->
                        </div>
            
                        <div class="modal fade" id="viewModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog" style="width:910px;">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">
                                            传说橙标识预览
                                        </h4>
                                    </div>
                                    <div class="modal-body">
                                        <img style="margin-left:40%" src="image/2view4.png">
                                        <img src="image/view4.png">
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal -->
                        </div>
                    </div>
            
                    <!-- 右侧-->
                    <div class="personal-userCenter-rightSideBar">
                        <div class="personal-userCenter-userInfoBar barItem">
                            <div class="userCenter-userInfo" data-fire="918">
                                <div class="name-and-level">
                                    <span class="username">乱了夏天蓝了海,</span>
                                </div>
                                <div class="back-and-head" style="background-image:url(https://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/personal/home_backImg.jpg)">
                                    <a data-ajax="" href="/web/personal/home?id=245459">
                                        <div class="headImg">
                                            <img src="http://static.iyingdi.cn/user/2016/01/23/efe7abad-8092-43ef-91f6-a9c7463a8d91.jpg" onerror="this.src='https://iplaymtg.oss-cn-beijing.aliyuncs.com/static%2Fimg%2Fhead_img.jpg'">
                                            <div class="level">
                                                <div>Lv25</div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="follows-and-fans">
                                    <div id="check_my_follows" class="follows-div">
                                        <p class="num">18</p>
                                        <p>关注</p>
                                    </div>
                                    <div id="check_my_fans" class="fans-div" style="float:right;">
                                        <p class="num">5</p>
                                        <p>粉丝</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="personal-userCenter-friendBar barItem">
                            <div class="userCenter-friendInfo">
                                <div class="userCenter-friendInfo-title">我关注的好友</div>
                                <div id="default_friendlist-tabPage">
                                    <ul class="userCenter-friendList">
                                        <li class="userCenter-friendListItem">
                                            <a class="friend-headImg" target="_blank" href="/web/personal/home?id=841279" style="background-image:url(http://static.iyingdi.cn/achievement/badge/frame/cert.png)">
                                                <img src="http://wspic.iyingdi.cn/common/2018/04/14/273cdb27-2166-4d09-a7c4-9963c947b988.jpg">
                                            </a>
                                            <div class="right">
                                                <div>
                                                    <a class="username" target="_blank" href="/web/personal/home?id=841279" style="color:#5b38b9">时光修补匠Sora</a>
                                                    <span class="level" style="background-image:url(http://static.iyingdi.cn/achievement/badge/board/cert.png)">Lv28</span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <div id="check_all_follows" class="right-bar-seed-all">
                                        <span>查看全部关注</span>
                                    </div>
                                </div>
                                <div id="default_friendlist-searchPage" class="hidden">
                                    <ul class="userCenter-friendList utility-loadingRemind"></ul>
                                    <ul class="userCenter-friendList-footer personal-home-pagination"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
        
        
        
        
                </div>   
            </div>
        </div>
    </div>

    <!-- use公共尾部-->

    
    </body>
    
    </html>